// 自定义命令包
// 采用Vue插件的开发方式
// Vue.use()
// 方式：传入对象（自带instrall方法）-给Vue添加全局的东西（相当于给vue插入了插件）
// 方式2：传入函数体
import Vue from 'vue'
const obj = {
  install () {
    Vue.directive('focus', {
      inserted (el) {
        if (el.nodeName === 'INPUT' || el.nodeName === 'TEXTAREA') {
          el.focus()
        } else {
          // 尝试在标签的内部继续查找input
          const inp = el.querySelector('input')
          if (inp.nodeName === 'INPUT') {
            inp.focus()
          } else {
            console.error('命令请在输入框上使用')
          }
        }
      }
    })
  }
}
export default obj
